<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="common/taglibs.jsp"%>
<c:set var="ctx" value="<%=request.getContextPath()%>" />
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录页</title>
<link rel="stylesheet" href="${ctx}/resources/css/plugins/bootstrap.min.css">
<link rel="stylesheet" href="${ctx}/resources/css/login.css">
<script type="text/javascript">
	var basePath = "${ctx}";
</script>
</head>
<body onload="start()" onresize="Center()">
	<div id="container">
		<div id="header">
			<div class="logo">
				<img src="${ctx}/resources/img/login/logo.png" alt="" />
			</div>
		</div>
		<div id="content">
			<!-- 背景切换 -->
			<ul>
				<li><a href="javascript:;"><img
						src="${ctx}/resources/img/login/bg/login-bg1.jpg"></a></li>
				<li><a href="javascript:;"><img
						src="${ctx}/resources/img/login/bg/login-bg2.jpg"></a></li>
				<li><a href="javascript:;"><img
						src="${ctx}/resources/img/login/bg/login-bg3.jpg"></a></li>
				<li><a href="javascript:;"><img
						src="${ctx}/resources/img/login/bg/login-bg4.jpg"></a></li>
			</ul>
			<div class="login-box">
				<ul class="welcomeword">
					<li id="namelogin" class="on" onclick="switchTab('namelogin')">普通登录</li>
					<li id="phonelogin" onclick="switchTab('phonelogin')">快捷登录</li>
				</ul>
				<div class="login-content">
					<div class="lc-normal" id="lc-normal">
						<form name="loginSubmitForm" class="login-form" method="post"
							action="" id="loginSubmitForm">
							<!--                         <div class="lc_username inpBox" id="lc_username"> -->
							<!--                             <label class="inp_lab">&nbsp;</label> -->
							<input name="loginname" AUTOCOMPLETE="off"
								onkeypress="namelogin_keyDown(event)" value="${loginname }"
								placeholder="用户名/邮箱/手机号" id="loginname" type="text"
								maxlength="11">
							<!--                         </div> -->
							<!--                         <div class="lc_password inpBox" id="lc_password"> -->
							<!--                             <label class="inp_lab">&nbsp;</label> -->
							<input name="password" AUTOCOMPLETE="off" id="password"
								onkeypress="namelogin_keyDown(event)" value="" placeholder="密码"
								type="password">
							<!--                         </div> -->
							<div id="lc_yzm" class="lc_yzm_on">
								<input name="dycode" class="code" maxlength="4"
									onkeypress="namelogin_keyDown(event)" AUTOCOMPLETE="off"
									id="dycode" type="text" placeholder="验证码"
									style="color: #bbb; font-size: 14px;"> <img
									src="${ctx}/kaptcha.jpg" id='kaptchaImage'
									style='margin-bottom: -3px' onclick="changeCode()" alt="验证码" />&nbsp;<a
									href='javascript:changeCode();'>换一张</a>
							</div>
							<input type="hidden" name="logintype" value="namelogin">
							<div class="rem-me">
								<input type="checkbox" name="remloginname" value="1"
									class="rem-me" /> 记住帐号
							</div>
							<!--                         <div class="rem-me"> -->
							<!--                             <input type="checkbox" name="rememeberme" class="rem-me" value='true' /> 记住我(仅测试系统用) -->
							<!--                         </div> -->
							<div class="loginbox-btns">
								<input class="btn-primary" name="ibtn_Login" id="ibtn_Login"
									value="登 录" type="button" onclick="loginSubmit();">
								<p>
									<a href="#">立即注册</a>
								</p>
							</div>
						</form>
					</div>
					<div class="lc-phone" style="display: none" id="lc-phone">
						<form name="phoneloginSubmit" class="login-form" method="post"
							action="" id="phoneloginSubmitForm">
							<input name="phone" value="" placeholder="手机号" AUTOCOMPLETE="off"
								onkeypress="phonelogin_keyDown(event)" id="phoneinput"
								type="text"> <input name="ifcode" value=""
								placeholder="手机短信认证码" AUTOCOMPLETE="off"
								onkeypress="phonelogin_keyDown(event)" id="ifcode" type="text">
							<a href="javascript:getMessageCode()" id="getmasscode"
								class="btn-getpyzm">获取验证码</a> <span class="getpyzm" id="getpyzm"
								style="display: none;">59秒后重新获取</span> <input type="hidden"
								name="logintype" value="phonelogin">
							<div class="loginbox-btns">
								<input class="btn-primary" name="ibtn_Login1" id="ibtn_Login1"
									value="登 录" type="button" onclick="phoneloginSubmitC();">
								<%-- <p><a href="${basePath}/page/applyment/register">>立即注册</a></p> --%>
							</div>
						</form>

					</div>
					<div class="srmapp">
						<img src="${ctx}/resources/img/wx_qrcode.png" alt="微信二维码"
							width="129" height="129">
						<p>
							扫描二维码<br>关注微信公众号<br>"吞吞吐吐拖拖"
						</p>
					</div>
				</div>
			</div>
		</div>
		<div id="iteminfo_notice" name="iteminfo_notice"></div>
		<div id="footer">
			<div class="footer-con">
				<p>
					Copyright © 人生若只如初见 何事秋风悲画扇<br>
				</p>
				<a href="#">超链接1</a>&nbsp|&nbsp<a href="#">超链接1</a>&nbsp|&nbsp<a
					href="#">超链接1</a>&nbsp|&nbsp<a href="#">超链接1</a>
				<%-- 				${loginfooter } --%>
			</div>
		</div>
	</div>

	<script src="${ctx}/resources/js/plugins/jquery-2.2.3.min.js"></script>
	<script src="${ctx}/resources/js/plugins/bootstrap.min.js"></script>
	<script src="${ctx}/resources/js/login/login.js"></script>
	<script type="text/javascript">
		$(function() {
			$("#content>ul li").each(function() {
				$(this).css("opacity", "0");
			});
			$("#content>ul li:first").css("opacity", "1");
			var index = 0;
			var t;
			var li = $("#content>ul li");
			var number = li.size();
			function change(index) {
				li.css("visibility", "visible");
				li.eq(index).siblings().animate({
					opacity : 0
				}, 3000);
				li.eq(index).animate({
					opacity : 1
				}, 3000);
			}
			function show() {
				index = index + 1;
				if (index <= number - 1) {
					change(index);
				} else {
					index = 0;
					change(index);
				}
			}
			t = setInterval(show, 8000);
			//根据窗口宽度生成图片宽度
			var width = $(window).width();
			$("#content>ul img").css("width", width + "px");
		});
	</script>
</body>
</html>